/*
  学习目标：hooks的三个使用限制
  */
import React, { useState } from 'react';

export default function App() {
  // 1. 规则1: if语句中不允许调用hooks
  // if (false) {
  //   const [msg, setMsg] = useState('');
  // }
  // 2. for语句中不允许调用hooks
  // const list = [1,, 2.1, 2, 3];

  // 3. 普通函数中不允许调用useState
  // function test() {
  //   const [state, setstate] = useState(initialState);
  // }

  // 🔔React中的非普通函数有两种：1. 函数式组件  2. use开头的自定义hooks函数

  let [count, setCount] = useState(0);

  return (
    <div>
      count - {count}
      <button onClick={() => count++}>点击改变count</button>
    </div>
  );
}
